import pictureBoxCompImg from '@/visual/assets/img/dashboard/picture-box-comp.png';
import { pictureBoxSourceConst } from '@/visual/commons/consts/dashboard-const';
import CommonUtil from '@/visual/commons/utils/common-util';
import { cloneDeep } from 'lodash';
import { visualComponentConfig, visualComponentGroup } from './base-config';

/**
 * 图片
 */
const pictureBoxCompConfig = {
  key: 'fa80d6e946d7',
  compId: 'hvPictureBox' + CommonUtil.shortUUID(),
  name: 'hvPictureBox',
  group: visualComponentGroup.base.value,
  label: '图片',
  img: pictureBoxCompImg,
  propertyComponent: 'hvPictureBoxProperty',
  componentStyleGeneratorName: 'hvCommonStyleGenerator',
  ...cloneDeep(visualComponentConfig.options),
  componentProps: {
    imgUrl: '',
    replaceImgUrl: '',
    imgAlt: '',
    imgSrcType: pictureBoxSourceConst.default,
    replaceImgSrcType: pictureBoxSourceConst.default,
  },
};

/**
 * 配置
 */
export { pictureBoxCompConfig };
